<template>
	<div class="order">
		<van-nav-bar title="购物车" left-text="返回" right-text="我的" left-arrow @click-left="onClickLeft" @click-right="onClickRight" />

		<van-address-edit
            :area-list="areaList"
            show-area
            show-detail
			show-postal
			show-delete
			show-set-default
			show-search-result
			:search-result="searchResult"
			:area-columns-placeholder="['请选择', '请选择', '请选择']"
			@save="onSave"
			@delete="onDelete"
			@change-detail="onChangeDetail"
		/>
	</div>
</template>

<script>
import { Toast } from 'vant';2
import { areaList } from '@vant/area-data';
export default {
	data() {
		return {
            areaList,
			searchResult: [],
		};
	},
	methods: {
		onClickLeft() {
			this.$router.go(-1);
		},
		onClickRight() {
			this.$router.push({
				name: 'User'
			});
		},
		onSave() {
			Toast('save');
		},
		onDelete() {
			Toast('delete');
		},
		onChangeDetail(val) {
			if (val) {
				this.searchResult = [
					{
						name: '黄龙万科中心',
						address: '杭州市西湖区'
					}
				];
			} else {
				this.searchResult = [];
			}
		}
	}
};
</script>

<style></style>
